<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始JQuery</title>
		<!-- JQurey  了解javaScript功能：页面上所有触发型效果
		 JQuery的使用方式：
		 1.JQuery官方网站，下载JQuery封装js类，格式：jquery-1.11.1.js
		                                       jquery-2.x.js之后的版本不支持IE 6，  7，  8
	     2.引入JQuery框架【js类库】 ，在head中，script元素  导入
		                    <script src="js/jquery-1.11.1.js"></script>
 		3.编写JQuery框架语法---JS页面动态效果
		在页面最后body前方加script元素，为什么?
		思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果，
		整个html+css  勒戒为一颗DOM树：元素，属性，属性值，先存在这些元素，才可以进行操作
		所以，JS中DOM树的操作需要等页面元素都加载完毕，才可以进行对页面元素进行实质性操作！
		JavaScript行为层  EMCAScript5.0核心语法层--类似与Java基础
							 功能：做逻辑
						重点：DOM  Document:object:Model..文档节点对象模型
							 功能:做页面效果【结合逻辑】
							 DOM树  document   元素，属性
							        html
								   head  body
								meta  
							charsert
							 BOM：Browser object Model   浏览器对象模型
							 功能:做浏览器效果【结合逻辑】 吸顶灯效果
		 -->
		 <script src="js/jquery-1.11.0.min.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("别着急~")})
		</script>
	</body>
</html>